:root{
 /* 主题色 */
    --color-primary:#E60000;
    /* 内容宽度 */
    --container-width: 1000px;
    /* 头的高 */
    --header-height: 5px;
    /* 脚的高 */
    --footer-height: 100px;
}

#header{
    background-color: var(--color-primary);
    height: var(--header-height);
    /* 固定位置 */
    position: fixed;
    top: 0;
    width: 100%;
    /* 定位方式元素常见层级：全局弹窗1000  头部栏100  普通的10 */
    z-index: 100;
}

body{
    /* 把头部栏空出来 */
    padding-top: var(--header-height);
    min-width: var(--container-width);
}

#footer{
    height: var(--footer-height);
    background-color: #222221;
}
